<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心 | 匹克 中国官网</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/userCenter.css">
</head>
<body>
    <!-- 引入头部代码 -->
    <div class="store-page-header"></div>



    <main class="center-body">
        <main class="center-banxin">
            <h2>您当前所在的位置:首页 > 用户中心 > <span>个人中心</span></h2>
            <div class="center-relative">
                <ul>
                    <li>个人中心</li>
                    <li>个人中心 ></li>
                    <li>我的订单</li>
                    <li>优惠券</li>
                    <li>我的收藏</li>
                    <li>我的评价</li>
                    <li>我的积分</li>
                    <li>兑奖中心</li>
                    <li>账号管理</li>
                    <li>我的资料</li>
                    <li>收货地址</li>
                    <li>安全验证</li>
                </ul>
                <div class="user-text">
                    <div>
                        <div class="user-id">
                            <img src="../images/page6/header_x_150_x_150.jpg" alt="">
                            <p></p>
                            <button>修改个人资料</button>
                            <i>等级说明</i>
                        </div>
                        <div class="user-quan">
                            <div class="user-title">
                                我的优惠信息 
                            </div>
                            <div>
                                <ul>
                                    <li>0</li>
                                    <li>优惠券</li>
                                    <li>领券</li>
                                </ul>
                                <ul>
                                    <li>100</li>
                                    <li>积分</li>
                                    <li>积分使用说明</li>
                                </ul>
                                <ul>
                                    <li>0</li>
                                    <li>即将过期积分</li>
                                    <li>使用积分</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="user-title">
                            每日签到<span style="color: #cfcfcf;">(签到可获得10个奖励积分)</span>
                        </div>
                        <div>
                            <img src="../images/page6/icon-sign.png">
                            <button>立即签到</button>
                        </div>
                    </div>
                    <div>
                        <div class="user-title">
                            我的订单 
                        </div>
                        <div>
                           <figure>
                            <img src="../images/page6/icon-pay.png">
                            <figcaption>待支付</figcaption>
                           </figure>
                           <figure>
                            <img src="../images/page6/icon-commit.png">
                            <figcaption>待收货</figcaption>
                           </figure>
                           <figure>
                            <img src="../images/page6/icon-receive.png">
                            <figcaption>待评价</figcaption>
                           </figure>
                           <figure>
                            <img src="../images/page6/icon-arrow.png">
                            <figcaption>全部订单</figcaption>
                           </figure>
                        </div>
                    </div>
                    <div>
                        <div class="user-title">
                            我的喜欢
                        </div>
                        <div>
                            <figure>
                                <img src="../images/page6/icon-likes.png">
                                <figcaption>我的收藏夹</figcaption>
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </main>


    <!-- 引入尾部代码 -->
    <div class="store-page-footer"></div>
</body>
</html>
<script src="../js/cookieBox.js"></script>
<script src="../js/jQuery.js"></script>
<script src="../js/userCenter.js"></script>